import { Col, Row } from 'antd'
import { observer } from 'mobx-react-lite'
import React from 'react'
import DialogWindow from './components/ChatWindow'
import MessageItem from './components/MessageItem'

const Chat: React.FC = () => {
  return (
    <>
      {/* <p>userId:{sessionMessage.toUserId}</p>
      <p>toOpenId:{sessionMessage.toOpenId}</p>
      <p>appId:{sessionMessage.appId}</p> */}
      <Row style={{ background: '#fff' }}>
        <Col span={6}>
          <MessageItem />
        </Col>
        <Col span={18} style={{ background: '#f4f4f4' }}>
          <DialogWindow />
        </Col>
      </Row>
    </>
  )
}

export default observer(Chat)
